<template>
  <van-popup v-model="showPlayTaskPanel" class="play-task-wrap" position="right" :overlay="false">
    <van-nav-bar title="任务中心" left-arrow @click-left="closePlayTaskPanel" left-text="返回">
      <van-icon name="question" slot="right" />
    </van-nav-bar>
    <div class="hd">
       <img src="/static/images/shop/bg-3.png" alt="">
    </div>
  </van-popup>
</template>

<script>
export default {
  props:['showPlayTaskPanel'],
  methods: {
    closePlayTaskPanel () {
      this.$emit('closePlayTaskPanel');
    }
  }
}
</script>

<style lang="scss">
@import '../../assets/styles/common.scss';
.play-task-wrap{
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  >.hd{
    width: 100%;
    height: px2rem(250px);
    img{
      width: 100%;
      height: 100%;
    }
    // background-image: url('/static/images/shop/bg-3.png');
    // background-size: cover;
    // background-repeat: no-repeat;
  }
}
</style>
